<template>
  <div>
    <header>
      <div class="header-box">
        <MainCarousel />
      </div>
    </header>
    <main>
      <div class="flex justify-center">
        <div class="question-box mt-8 mb-5">
          <Question />
        </div>
      </div>
      <SwFooter />
    </main>
  </div>
</template>

<script lang="ts" setup name="WtIndex">
  import SwFooter from '/@/businessComponents/SwFooter/index.vue'
  import MainCarousel from './components/Carousel/index.vue'
  import Question from './components/Question/index.vue'

</script>
<style lang="less" scoped>
.header-box {
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,.06);
}
.question-box {
  width: 1200px;
  background: #fff;
  border: 1px solid #f5f7f7;
  box-shadow: 0 6px 24px rgba(0,51,51,.04);
  border-radius: 12px;
}
</style>
